---
type: tutorial
unitTitle: 'Seiten auf deiner Website hinzufügen, gestalten und verlinken'
title: 'Wissenscheck: Lektion 2 – Seiten'
description: |-
  Tutorial: Erstelle deinen ersten Astro-Blog —
  Erstelle, gestalte und verlinke Seiten und Beiträge auf deiner Website
i18nReady: true
head:
  - tag: title
    content: 'Blog-Tutorial: Lektion 2 – Seiten | Docs'
---

import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';

Jetzt, da du eine funktionierende Website im Web hast, ist es an der Zeit, Seiten und Beiträge hinzuzufügen!

## Ein Blick nach vorne

In dieser Lektion wirst du:

- deine ersten Astro-Seiten mit der `.astro`-Syntax erstellen
- Blogbeiträge mit Markdown-Dateien (`.md`) hinzufügen
- eine einzelne Seite mit `<style>` gestalten
- globale Styles seitenübergreifend anwenden

Dabei lernst du, wie die **zwei Bereiche einer `.astro`-Datei** zusammenarbeiten, um eine Seite zu erzeugen, und wie du Variablen sowie bedingtes Rendering auf deinen Seiten verwendest.

<Box icon="check-list">
## Checkliste

<Checklist>
- [ ] Ich bin bereit, neue Seiten für meine Astro-Website zu erstellen!
</Checklist>
</Box>
